<?xml version="1.0"?>
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:portlet="http://java.sun.com/portlet_2_0">
	
    <h:head />
    
    <h:body>
    	<portlet:defineObjects />
		<portlet:resourceURL var="ressourceURL" id="ressourceURL"></portlet:resourceURL>
	     
	    <p:inputText id="ressourceURL" type="hidden" value="#{ressourceURL}" />
		
        <div id="videoDescription">
		    <div id="labelContainer">
		        <label id="refVideo"></label>
		        <label id="nameVideo"></label>
		    </div>
		    <div id="inputContainer">
		    	<input id="buttonParentVideo" type="button" value="Parent Video" onclick="goToParentVideo()" style="display: none;"/>
		       	<input id="buttonOriginalVideo" type="button" value="Original Video" onclick="goToOrignalVideo()"/>
			</div>
		</div>
		
		<video id="videoPlayer" width="640" height="360">
		 	<!-- <source
		        src="http://kobey.brian.free.fr/ytb/Beginning.mp4"
		        type="video/mp4" /> -->
			
		    <source
		        src="http://damien.benon.emi.u-bordeaux1.fr/ytb/big_buck_bunny.mp4"
		        type="video/mp4" />
		</video>
		
		<div id="menuSelect"></div>
		
		
		<!-- /************Contexte Menu*************/ -->
		<div id="contextMenup">
			<ul>
				<li class="play">Play</li>
				<li class="pause">Pause</li>
				<li class="mute">Mute</li>
				<br/>
				<li class="first">First slide</li>
				<li class="last">Last slide</li>
				<li class="next">Next slide</li>
				<li class="previous">Previous slide</li>
			</ul>
		</div>
    </h:body>
</f:view>